﻿//js for Gps
/*
design by tuy 2014-04-27
version 1.0.0.0.0.1
*/


$(document).ready(function(){

var Gps={};
Gps.Adjust=(function(){
    var LeftState=true;
    var Go=function(){
        var window_width=$(window).width();
     	var window_height=$(window).height();
	    var header_height=$('#header').height();
		var main_height=window_height-header_height;
	    var right_width=window_width-$('#middle').width()-$('#leftlayout').width()
	    $('#leftlayout,#middle,#middler,#rightlayout').height(main_height);
		$('#leftlayout .panel').height(main_height-8);
		$('.left').height(main_height-66);
		$('#main').height(main_height-30)
		if(LeftState){
        $('#rightlayout').width(right_width);
		}
		else{	
		 $('#rightlayout').width(window_width-$('#middle').width());
		}
	}
	var HideL=function(speed){    
	     $('#leftlayout').animate({marginLeft:-$('#leftlayout').width()},speed)
		 $('#rightlayout').animate({width:$(window).width()-$('#middle').width()},speed)
		 $('#middle').css('display','none');
	     $('#middler').fadeIn(speed);
		 LeftState=false;
	}
	var ShowL=function(speed){
	     $('#leftlayout').animate({marginLeft:0},speed)
		 $('#rightlayout').animate({width:$(window).width()-$('#middle').width()-$('#leftlayout').width()},speed)
		 $('#middler').css('display','none');
	     $('#middle').fadeIn(speed);
		 LeftState=true;
	}

	var ClickEvent=(function(){
	 function TableSlide(){
     $('#data').find('h3').click(function(){
     $(this).parent().find('div').first().slideToggle();
     if($(this).find('.show').css('display')=='none'){$(this).find('.hide').hide();$(this).find('.show').show()}
     else{$(this).find('.hide').show();$(this).find('.show').hide()}
     });//右下角表格伸缩
	}
	 function SubNavSlide(){
	 $('.left a.a').click(function(){
     $(this).parent().children('ul').first().slideToggle(300)
     }); //左侧菜单伸缩
	}
     function ShowDetail(){

     $('.car,.car_gray,.car_red,.car_yellow').mouseenter(function(){
	 var carInput=$(this).parent().find('input').eq(0);
	 var carState=$(this).parent().find('i').attr("class");
	 var Leftw=$(this).parent().attr("leve");
	 if(Leftw=='last'){Leftw=74}
	 else if(Leftw=='second'){Leftw=58}
	 else{Leftw=43}
     var x=$('.left').scrollTop();
     var m= this.offsetTop;
     var n="<ul class='current'"+' '+"style='"+'top:'+' '+(m-x-10)+'px;'+'left:'+' '+Leftw+'px;\''+"><li class='a' ><i class='"+carState+"'"+"></i><a class='car'>浙GBD272</a><ul><li class='a1'><a >定位</a></li><li class='a2'><a >轨迹回放</a></li><li class='a3'><a >状态汇报</a></li><li class='a4'><a >警报</a></li></ul></li></ul>"
     //alert(n)
	 if($('.current')){
	 $('.current').remove();
	 }
	 $('.panel').append(n);
	 $('.current').mouseleave(
	 function(){$('.current').remove()}
	 );

     });//显示二级菜单里面的详细节点


	
	}
/*
     function HeadNav(){
	 var mm=[0];
	 for(var i=0;i<($('#header').find('.subnav').length);i++)
	 {
	 mm.push($('#header').find('.subnav').eq(i).width())
	 }
	 $('.nav li a').click(function(){
   
	 var subLeft=0;
	 var m= this.offsetLeft+125;
	 var n= $(this).width()+10;
	 var x=$(this).parent().index();
	 //alert(mm[x])
	 var a=mm[x]/2;
	 subLeft=m+n/2-a;
	
	 if(m<=125){subLeft=110}
	 $('.subnav').css('left',subLeft)
	 $('.nav li a').removeClass('active');
	 $('.subnav').css('display','none')
	 $('.subnav').eq(x).show();
	 $(this).addClass('active')
	 })//显示头部导航里面的二级菜单
	}*/
	
	 function HeadNav(){
	 $('.nav li a').click(function(){
	 var m= this.offsetLeft+125;
	 var n= $(this).width()+10;
	 var x=$(this).parent().index();
	 var a = $('.subnav').eq(x).width();
	 var subLeft=m+n/2-a/2;
	 if(m<=125){subLeft=110}
	 $('.subnav').css('left',subLeft)
	 $('.nav li a').removeClass('active');
	 $('.subnav').css('display','none')
	 $('.subnav').eq(x).show();
	 $(this).addClass('active')
	 })//显示头部导航里面的二级菜单
	}
     function Win(){
     $( ".win" ).draggable();
     $( ".win" ).resizable({ maxHeight: 160 });
     $('.win h3 a').click(function(){$(this).parents('.win').fadeOut(100)});
	 
	 //秋实这下面这段，是帮你独家定制的新增弹出层效果，如有问题，你直接删除 begin
	 $( "#buttons a.a").click(function(){
	 var indexWin= $( ".win" ).length;
	 var newWin="<div class='win'><h3><span class='a'>我是第"+indexWin+"个报警信息！</span><a title='关闭'></a></h3><div class='content'><ul><li>车辆:ss-120</li><li>时间:2014年4月24日 14:30</li><li>地点:宁波大学</li><li>详情:区域超市</li></ul><p><a><<上一条</a><a>下一条>></a><a>查看全部</a></p></div></div>"
	 $( "#rightlayout").append(newWin)
	 $( ".win" ).draggable();
     $( ".win" ).resizable({ maxHeight: 160 });
	 $('.win h3 a').click(function(){$(this).parents('.win').fadeOut(100)});
	 })
	 //end 
	//弹出层事件
	}

     function LeftTree(){


   var getCheckbox=document.getElementById('checkbox');
   var getCheckboxInput=getCheckbox.getElementsByTagName("input"); 
   for(var i=0;i<getCheckboxInput.length;i++)
    {
    getCheckboxInput[i].onclick=function(){   //为每个input添加点击事件
	
	
	 
	  var parentCheckbox=this.parentNode.getElementsByTagName("input");
	  if(this.checked)
	  {
      for(var i=0;i<parentCheckbox.length;i++)
	  {parentCheckbox[i].checked=true}	
	  }
      else
	  {
       for(var i=0;i<parentCheckbox.length;i++)
	   {parentCheckbox[i].checked=false}	
	  }	  

	
	var TpInput=this.parentNode.parentNode.parentNode.getElementsByTagName("input");
	var state=true;
	for(var i=1;i<TpInput.length;i++)
	{
	    if(TpInput[i].checked==false){
		state=false; break;
		}
	}
	if(state){TpInput[0].checked=true}
	else{TpInput[0].checked=false}	
	
     if(TpInput.length<getCheckboxInput.length)
	{
	
    var TpInputs=this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName("input");
	//alert(TpInputs[0].name)
	var state=true;
	for(var i=1;i<TpInputs.length;i++)
	{
	    if(TpInputs[i].checked==false){
		state=false; break;
		}
	}
	if(state){TpInputs[0].checked=true}
	else{TpInputs[0].checked=false}	
	if(this.parentNode.getElementsByTagName("input").length==1)
	{
	  var TpInputss=this.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.getElementsByTagName("input");
		var states=true;
	for(var i=1;i<TpInputss.length;i++)
	{
	    if(TpInputss[i].checked==false){
		states=false; break;
		}
	}
	if(states){TpInputss[0].checked=true}
	else{TpInputss[0].checked=false}	
	}
	
	}  	
    }

   }	 
	 
	 
	 
	 
	 }
    	
	return {
	TableSlide:TableSlide,
	SubNavSlide:SubNavSlide,
	ShowDetail:ShowDetail,
	HeadNav:HeadNav,
	Win:Win,
	LeftTree:LeftTree
	}	
	}())
	function Unit(speed){
        Go();Go();
	    $(window).resize(function(){Go()})	
		$('#middle').click(function(){HideL(speed)})
		$('#middler').click(function(){ShowL(speed)})
		ClickEvent.TableSlide();
		ClickEvent.SubNavSlide();
	    ClickEvent.ShowDetail();
	    ClickEvent.HeadNav();
	    ClickEvent.Win();
		ClickEvent.LeftTree()
	}
	return {
	    Unit:Unit
	}


}())
Gps.Adjust.Unit(300)//初始化屏幕,300是菜单左右伸缩的速率ms
/*

   var nn=document.getElementById('demo');
   var mm=nn.getElementsByTagName("input"); 
   for(var i=0;i<mm.length;i++)
    {
    mm[i].onclick=function(){
	var cc=this.parentNode.getElementsByTagName("input");
	if(this.checked){
    for(var i=0;i<cc.length;i++)
	{cc[i].checked=true}	
	}
    else{
    for(var i=0;i<cc.length;i++)
	{cc[i].checked=false}	
	}
	var ccc=this.parentNode.parentNode.parentNode.getElementsByTagName("input");
	var state=true;
	for(var i=1;i<ccc.length;i++)
	{
	    if(ccc[i].checked==false){
		state=false; break;
		}
	
	}
	if(state){ccc[0].checked=true}
	else{ccc[0].checked=false}
    }  
   }
*/



});

